<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="给浏览器捕捉的信息">
    <meta name="keywords" content="新闻 ">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>网易新闻</title>


    <style>
        #one{
            width:100%;
            height: 100vh;
            background-color: rgb(27, 135, 229);
        }
        #two{
            width:100%;
            height: 100vh;
            background-color: rgb(222, 23, 129);
        }#three{
            width:100%;
            height: 100vh;
            background-color: rgb(219, 226, 22);
        }


        div:hover{
            color: rgb(231, 8, 8);

        }

        #one:hover{
            background-color: rgb(98, 179, 251);
            border-radius: 200px;
            
        }
    </style>


</head>
<body>

    <a href="#one">模块1</a>
    <a href="#two">模块2</a>
    <a href="#three">模块3</a>

    
    <video src=""></video>
    <h1></h1>
    
     <p><h1>四名中国体育<br>健儿和他们的时代际遇</h1></p>
    <h2>四名中国体育健儿和他们的时代际遇</h2>
    <h3>四名中国体育健儿和他们的时代际遇</h3>
    <h4>四名中国体育健儿和他们的时代际遇</h4>
    <strong>四名中国体育健儿和他们的时代际遇</strong><div>四名中国体育健儿和他们的时代际遇</div>
    <h5>四名中国体育健儿和他们的时代际遇</h5>
    <h6>四名中国体育健儿和他们的时代际遇</h6>
    <b>四名中国体育健儿和他们的时代
    </b>
  <em>四名</em>
  <i>斜体</i>

  
    <del>四名中国体育健儿和他们的时代</del>
    <s>四名中国体育健儿和他们的时代</s>
    <strike>四名 

    </strike>
  

  <div><u>四名中国体育健儿和他们的时代
     </u>
    
     <under>四名中国体育健儿和他们的时代</under>
    
    </div>
  
    <a href="https://www.baidu.com"target ="_blank">跳转到百度</a>
</div>
   

    <a href="detail.html"target="_blank">显示详情页</a>


    <div id="one"></div>
    <div id="two"></div>
    <div id="three"></div>

    <img src="图片.jpg" alt=""title="战争" height="200px ">
</body>
</html>